<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>last_page</title>
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<style type="text/css">
			.img_content >img{
				position: absolute;
			}
			.page3_img1{
				width: 120%;
    			top: 2%;
    			left: -12%;
    			animation: page3_img1 1s linear  forwards;
			}
			.page3_img2{
				top: 20%;
    			left: 14%;
    			width: 75%;
    			animation: page3_img2 1s  linear 0.3s forwards;
			}
			.page3_img3{
				width: 1%;
    			top: 40%;
    			left: -15%;
    			animation: page3_img3 1s linear 0.6s forwards;
				
			}
			.page3_img4{
				top: 80%;
    			left: 30%;
    			width: 40%;
			}
			.page3_img5 {
			    width: 15%;
			   /* right: 2%;*/
			    top: 49%;
			    right: -100%;
			    opacity: 0;
			    animation: page3_img5 1s linear 0.5s forwards;
			}
			.page3_img6 {
			    top: 65%;
			    width: 15%;
			    /*left: -5%;*/
			   left: -105%;
			   opacity: 0;
			    animation: page3_img6 1s linear 0.5s forwards;
			}
			.app_text{
				top: 101%;
    			width: 80%;
    			left: 11%;
    			animation: page3_app 1s linear forwards;
			}
			.tel{
				top: 113%;
    			width: 97%;
    			left: 2%;
    			animation: page3_tel 1s linear forwards;
			}
			.bq_url{
				top: 121%;
    			left: 2%;
    			width: 100%;
			}
			@keyframes page3_img1{
		    	0%{width: 0;top: 50%;left: 50%;}
		    	90%{width: 120%;top: 6%;left: -12%;}
		    	100%{width: 120%;top: 2%;left: -12%;}
			}
			@keyframes page3_img2{
		    	0%{width: 0;top: 50%;left: 50%;}
		    	100%{width: 75%;top: 20%;left: 14%;}
			}
			@keyframes page3_img3{
		    	0%{width: 0;top: 50%;left: 50%;}
		    	100%{width: 130%;top: 40%;left: -15%;}
			}
			@keyframes page3_img5{
		    	0%{right: -100%;opacity: 0;}
		    	100%{right: 2%;opacity: 1;}
			}
			@keyframes page3_img6{
		    	0%{left: -105%;opacity: 0;}
		    	100%{left: -5%;opacity: 1;}
			}
			@keyframes page3_app{
		    	0%{width: 0;left: 50%;}
		    	100%{width: 80%;left: 11%;}
			}
			@keyframes page3_tel{
		    	0%{width: 0;left: 50%;}
		    	100%{width: 97%;left: 2%;}
		    	
		    	
			}
			
		</style>
	</head>

	<body>
		
			<div class="wrap">
			<div class="img_content">
				<div class="main_img_outer">
					<img src="img2/circle.png"/>
				</div>
				<img class="page3_img1" src="img/page3/bg_star.png"/>
				<img class="page3_img2" src="img/page3/sm_star.png"/>
				<img class="page3_img3" src="img/page3/coming.png"/>
				<img class="page3_img4" src="img/page3/change_cn2.png"/>
				<img class="page3_img5" src="img/person1.png"/>
				<img class="page3_img6" src="img/person3.png"/>
				<img class="app_text" src="img/page3/app_text.png"/>
				<img class="tel" src="img/page3/tel.png"/>
				<img class="bq_url" src="img/page3/bq_url.png" />
			</div>
				<div class="bottom_area">
					<div class="bottom_bg2"></div>
					<a href="http://www.biaoqing.com"><img src="img2/old_page.png"/></a>
				</div>
		</div>
		
		
		
	</body>

</html>